.grid {
  /* 设置为100%以充满父容器的宽度 */
  display: flex;
  flex-wrap: wrap;
  margin: 0;

  .col {
    // 每一列
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    margin-left: 20px;

    .cell {
      // 每一个单元格
      width: 140px;
      height: 50px;
      background-color: rgba(215, 215, 215, 1);
      transition: background-color 0.3s;
      margin: 5px 5px;
      text-align: center;

      .weekTime {
        width: 100%;
        height: 100%;
        background-color: #fff;
      }
    }

    .dayTime {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
    }

    .free {
      background-color: rgba(112, 182, 3, 1);
    }
  }
}

.buttonContainer {
  display: flex;
  width: 70%;
  margin-top: 20px;
  .queryButton {
    margin: 0 auto;
    padding-left: 20px;
  }

  .updateButton {
    margin: 0 auto;
  }
}